<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <h5>正常图片显示：</h5>
    <!--注释：不会被浏览器解析执行，是给程序员看的，添加注释的快捷键是 ctrl + / -->
    <!-- src: 图片的路径，alt：图片不能正常显示就显示alt属性指定的内容 -->
    <img src="1.jpg" >

    <h5>图片不能正常显示</h5>
    <img src="22.jpg" alt="图片不能正常显示">

    <h5>图片</h5>
    <img src="3.jpg" alt="图片找不到了"title="cat" width="300" height="200" border="10">
    
</body>
</html>